<template>
  <div style="margin-left: 30px;">

    <div>
      <h2 style="text-align:left;color:#fff">
        <i class="el-icon-upload" style="font-size:25px"></i>&nbsp;我的粉丝
      </h2>
      <hr style="text-align:left;margin-left: 0px;width:150px;height:5px;border:none;background-color:#4074bf" />
    </div>

<el-card v-for="item in this.$store.state.userFans" :key="item.id" style="margin-top:15px;" body-style="padding:15px 30px">
    <el-row style="text-align:left">
        <el-col :span="4">
             <el-avatar :size="60" :src="item.account_infoa.infoImg" fit="cover" style="border:3px solid #BBDDFF;margin-top:5px;">
          </el-avatar>
        </el-col>
        <el-col :span="20">
            <p style="font-weight:700;font-size:20px;">{{item.account_infoa.infoNickname}}</p>
        </el-col>
    </el-row>         
</el-card>

  </div>
</template>

<script>
  import {
    getInfo,getListFans
  } from '@/api/accountApi.js';

  export default {
    name: 'MyFans',
    data() {
      return { 
        test:[{id:1}]
      }
    },
    created() {
      getInfo(this.$store.state.user.userId).then(resp => {
        getListFans(resp.data.infoId).then(resp => {
          this.$store.commit('setUserFans',resp.data);
        })
      })
    },
    
  }
</script>

<style scoped>

</style>